<!--
 * @Author: your name
 * @Date: 2021-01-11 17:16:38
 * @LastEditTime: 2021-01-12 09:18:02
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \sende_nuxt\pages\lenses\lenses\types.vue
-->
<template>
  <div class="flex lens_content mb100">
    <div class="lens_content_item plr20 ptb20 spacing">
      <img class="s6 m0a mb40 block" :src="require('@/assets/image/lenses/lens1.png')" alt="">
      <h4 class="size18 b mb10">{{$t("Single-vision Lenses")}}</h4>
      <p class="size12 b mb10">{{$t("Single Vision lenses are the standard eyeglass prescription.")}}</p>
      <p class="size12 b mb10">{{$t("These glasses have only one viewing area throughout")}}</p>
      <p class="size12 b mb10">{{$t("the entire lens and the correctional area")}}</p>
      <p class="size12 b mb10">{{$t("can be for far distance, mid distance or reading.")}}</p>
    </div>
    <div class="lens_content_item plr20 ptb20 spacing">
      <img class="s6 m0a mb40 block" :src="require('@/assets/image/lenses/lens2.png')" alt="">
      <h4 class="size18 b mb10">{{$t("Non-prescription")}} - {{$t("fashion Lenses")}}</h4>
      <p class="size12 b mb10">{{$t("Including standard colorless transparent lenses")}},  </p>
      <p class="size12 b mb10">{{$t("colored and computer screen lenses, colored polarized lenses")}}</p>
      <p class="size12 b mb10">{{$t("and sunglasses lenses,and photochromic lenses.")}}</p>
      <p class="size12 b mb10">{{$t("The functions of these lenses are often used to protect")}} </p>
      <p class="size12 b mb10">{{$t("against UV rays,  block blue light on the screen,")}}</p>
      <p class="size12 b mb10">{{$t("and fashion accessories.")}}</p>
    </div>
    <div class="lens_content_item plr20 ptb20 spacing">
      <img class="s6 m0a mb40 block" :src="require('@/assets/image/lenses/lens3.png')" alt="">
      <h4 class="size18 b mb10">{{$t("Progressive Lenses - No Line")}}</h4>
      <p class="size12 b mb10">{{$t("Close range search for that 'sweet spot' of clear vision.")}}</p>
      <p class="size12 b mb10">{{$t("Described as the wearing experience closest to natural vision.")}}</p>
      <p class="size12 b mb10">{{$t("Described as the wearing experience closest to natural vision.")}}</p>
      <p class="size12 b mb10">{{$t("Smooth transition from distance through intermediate to near.")}}</p>
      <p class="size12 b mb10">{{$t("Constant graduation of prescription allows easy sight shifting.")}}</p>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
  .lens_content {
    height: 420px;
    justify-content: space-between;
  }
  .lens_content_item {
    width: 32.5%;
    background: #f0f9f8;
  } 
</style>
